<template>
    <div>
      <div class="product-en main-width">
        <span class="theme-color theme-border-color">BRANDS</span>
      </div>
      <ul class="page-nav main-width">
        <li><nuxt-link to="/details/tfn/intro">产业介绍</nuxt-link></li>
        <li><nuxt-link to="/details/tfn/speech">总裁寄语</nuxt-link></li>
        <li><nuxt-link to="/details/tfn/team">领导团队</nuxt-link></li>
        <li><nuxt-link to="/details/tfn/culture">企业文化</nuxt-link></li>
        <li><nuxt-link to="/details/tfn/honor">企业资质</nuxt-link></li>
      </ul>
      <div class="text-desc main-width">
        <p class="text-desc-title">天赋能健康产业集团</p>
        <p class="text-desc-content">天赋能健康产业集团股份有限公司是阿拉膳（天津）健康科技有限公司投资控股的股份有限公司，在天津保税区空港经济区成立，总投资5000万元，是集 产、学、研、医、销的大健康产业项目。</p>
      </div>
      <div class="div-link main-width">
        <div class="three-part part company" >
          <nuxt-link to="/details/tfn/intro">
            <!--<div class="div-link-desc">-->
              <!--<p class="div-link-cn">产业介绍</p>-->
              <!--<p class="div-link-en">Group Introduction</p>-->
            <!--</div>-->
          </nuxt-link>
        </div>
        <div class="three-part-m part leader" >
          <nuxt-link to="/details/tfn/speech">
            <!--<div class="div-link-desc">-->
              <!--<p class="div-link-cn">总裁寄语</p>-->
              <!--<p class="div-link-en">Speech</p>-->
            <!--</div>-->
          </nuxt-link>
        </div>
        <div class="three-part part honor">
          <nuxt-link to="/details/tfn/honor">
            <!--<div class="div-link-desc">-->
              <!--<p class="div-link-cn">企业资质</p>-->
              <!--<p class="div-link-en">Qualification</p>-->
            <!--</div>-->
          </nuxt-link>
        </div>
      </div>

    </div>
</template>

<script>
  export default {
    name: 'tfn'
  }
</script>

<style scoped lang="less">
  @import "~assets/css/main.less";
  .text-desc{
    height:1.26rem;
    /*background: #967e62;*/
    font-size: 0.15rem;
  }
  .company{
    background: url('~static/img/tfn/jt-img.png') no-repeat center bottom/cover;
  }
  .leader{
    background: url('~static/img/tfn/tfn-leader.png') no-repeat center bottom/cover;
  }
  .honor{
    background: url('~static/img/tfn/tfn-honor.png') no-repeat center bottom/cover;
  }
  .text-desc-title{
    font-size: 0.22rem;
    color:@themeColor;
  }
  .text-desc-content{
    margin-top: 0.26rem;
    line-height: 0.22rem;
  }
  .div-link{
    height:2.68rem;
    /*height:3.28rem;*/
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    font-size: 0.15rem;
  }
  .div-link a{
    display: block;
    height:100%;
    color:#fff;
  }
  .part{
    height:100%;
    position: relative;
  }
  .three-part{
    width: 38.4%;

  }
  .three-part-m{
    width: 21.6%;
  }
  .three-part-normal{
    width: 32.6%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #ebe2d0;
  }
  .div-link-desc{
    position: absolute;
    left:0.187rem;
    bottom:0.14rem;
  }
  .div-link-cn{
    margin-bottom: 0.03rem;
  }
</style>
